export const VANT_WEBSITE = 'https://vant-ui.github.io/vant';

export const VANT_GIT_REPO = 'youzan/vant#gh-pages';

export const VANT_THEME_BASE = process.env.VANT_THEME_BASE;

export const VANT_SOURCE = '.VANT_SOURCE';

export const VANT_VERSION_LIST = ['v4', 'v3', 'v2'];

export const VANT_PUBLIC_PATH = 'public/vant';

export const VANT_MOBILE_PAGE = 'mobile';

export const VANT_V4_BASE_VARIABLES = {
  // Color Palette
  '--van-black': '#000',
  '--van-white': '#fff',
  '--van-gray-1': '#f7f8fa',
  '--van-gray-2': '#f2f3f5',
  '--van-gray-3': '#ebedf0',
  '--van-gray-4': '#dcdee0',
  '--van-gray-5': '#c8c9cc',
  '--van-gray-6': '#969799',
  '--van-gray-7': '#646566',
  '--van-gray-8': '#323233',
  '--van-red': '#ee0a24',
  '--van-blue': '#1989fa',
  '--van-orange': '#ff976a',
  '--van-orange-dark': '#ed6a0c',
  '--van-orange-light': '#fffbe8',
  '--van-green': '#07c160',

  // Gradient Colors
  '--van-gradient-red': 'linear-gradient(to right, #ff6034, #ee0a24)',
  '--van-gradient-orange': 'linear-gradient(to right, #ffd01e, #ff8917)',

  // Component Colors
  '--van-primary-color': 'var(--van-blue)',
  '--van-success-color': 'var(--van-green)',
  '--van-danger-color': 'var(--van-red)',
  '--van-warning-color': 'var(--van-orange)',
  '--van-text-color': 'var(--van-gray-8)',
  '--van-text-color-2': 'var(--van-gray-6)',
  '--van-text-color-3': 'var(--van-gray-5)',
  '--van-active-color': 'var(--van-gray-2)',
  '--van-active-opacity': '0.6',
  '--van-disabled-opacity': '0.5',
  '--van-background': 'var(--van-gray-1)',
  '--van-background-2': 'var(--van-white)',

  // Padding
  '--van-padding-base': '4px',
  '--van-padding-xs': '8px',
  '--van-padding-sm': '12px',
  '--van-padding-md': '16px',
  '--van-padding-lg': '24px',
  '--van-padding-xl': '32px',

  // Font
  '--van-font-size-xs': '10px',
  '--van-font-size-sm': '12px',
  '--van-font-size-md': '14px',
  '--van-font-size-lg': '16px',
  '--van-font-bold': '600',
  '--van-line-height-xs': '14px',
  '--van-line-height-sm': '18px',
  '--van-line-height-md': '20px',
  '--van-line-height-lg': '22px',
  '--van-base-font':
    "-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif",
  '--van-price-font': "avenir-heavy, 'PingFang SC', helvetica neue, arial, sans-serif",

  // Animation
  '--van-duration-base': '0.3s',
  '--van-duration-fast': '0.2s',
  '--van-ease-out': 'ease-out',
  '--van-ease-in': 'ease-in',

  // Border
  '--van-border-color': 'var(--van-gray-3)',
  '--van-border-width': '1px',
  '--van-radius-sm': '2px',
  '--van-radius-md': '4px',
  '--van-radius-lg': '8px',
  '--van-radius-max': '999px'
};

export const VANT_V3_BASE_VARIABLES = {
  // Color Palette
  '--van-black': '#000',
  '--van-white': '#fff',
  '--van-gray-1': '#f7f8fa',
  '--van-gray-2': '#f2f3f5',
  '--van-gray-3': '#ebedf0',
  '--van-gray-4': '#dcdee0',
  '--van-gray-5': '#c8c9cc',
  '--van-gray-6': '#969799',
  '--van-gray-7': '#646566',
  '--van-gray-8': '#323233',
  '--van-red': '#ee0a24',
  '--van-blue': '#1989fa',
  '--van-orange': '#ff976a',
  '--van-orange-dark': '#ed6a0c',
  '--van-orange-light': '#fffbe8',
  '--van-green': '#07c160',

  // Gradient Colors
  '--van-gradient-red': 'linear-gradient(to right, #ff6034, #ee0a24)',
  '--van-gradient-orange': 'linear-gradient(to right, #ffd01e, #ff8917)',

  // Component Colors
  '--van-primary-color': 'var(--van-blue)',
  '--van-success-color': 'var(--van-green)',
  '--van-danger-color': 'var(--van-red)',
  '--van-warning-color': 'var(--van-orange)',
  '--van-text-color': 'var(--van-gray-8)',
  '--van-text-color-2': 'var(--van-gray-6)',
  '--van-text-color-3': 'var(--van-gray-5)',
  '--van-text-link-color': '#576b95',
  '--van-active-color': 'var(--van-gray-2)',
  '--van-active-opacity': '0.6',
  '--van-disabled-opacity': '0.5',
  '--van-background-color': 'var(--van-gray-1)',
  '--van-background-color-light': 'var(--van-white)',

  // Padding
  '--van-padding-base': '4px',
  '--van-padding-xs': '8px',
  '--van-padding-sm': '12px',
  '--van-padding-md': '16px',
  '--van-padding-lg': '24px',
  '--van-padding-xl': '32px',

  // Font
  '--van-font-size-xs': '10px',
  '--van-font-size-sm': '12px',
  '--van-font-size-md': '14px',
  '--van-font-size-lg': '16px',
  '--van-font-weight-bold': '500',
  '--van-line-height-xs': '14px',
  '--van-line-height-sm': '18px',
  '--van-line-height-md': '20px',
  '--van-line-height-lg': '22px',
  '--van-base-font-family':
    '-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif',
  '--van-price-integer-font-family': 'Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif',

  // Animation
  '--van-animation-duration-base': '0.3s',
  '--van-animation-duration-fast': '0.2s',
  '--van-animation-timing-function-enter': 'ease-out',
  '--van-animation-timing-function-leave': 'ease-in',

  // Border
  '--van-border-color': 'var(--van-gray-3)',
  '--van-border-width-base': '1px',
  '--van-border-radius-sm': '2px',
  '--van-border-radius-md': '4px',
  '--van-border-radius-lg': '8px',
  '--van-border-radius-max': '999px'
};

export const VANT_V2_BASE_VARIABLES = {
  // Color Palette
  '@black': '#000',
  '@white': '#fff',
  '@gray-1': '#f7f8fa',
  '@gray-2': '#f2f3f5',
  '@gray-3': '#ebedf0',
  '@gray-4': '#dcdee0',
  '@gray-5': '#c8c9cc',
  '@gray-6': '#969799',
  '@gray-7': '#646566',
  '@gray-8': '#323233',
  '@red': '#ee0a24',
  '@blue': '#1989fa',
  '@orange': '#ff976a',
  '@orange-dark': '#ed6a0c',
  '@orange-light': '#fffbe8',
  '@green': '#07c160',

  // Gradient Colors
  '@gradient-red': 'linear-gradient(to right, #ff6034, #ee0a24)',
  '@gradient-orange': 'linear-gradient(to right, #ffd01e, #ff8917)',

  // Component Colors
  '@text-color': '@gray-8',
  '@active-color': '@gray-2',
  '@active-opacity': '0.7',
  '@disabled-opacity': '0.5',
  '@background-color': '@gray-1',
  '@background-color-light': '#fafafa',
  '@text-link-color': '#576b95',

  // Padding
  '@padding-base': '4px',
  '@padding-xs': '@padding-base * 2',
  '@padding-sm': '@padding-base * 3',
  '@padding-md': '@padding-base * 4',
  '@padding-lg': '@padding-base * 6',
  '@padding-xl': '@padding-base * 8',

  // Font
  '@font-size-xs': '10px',
  '@font-size-sm': '12px',
  '@font-size-md': '14px',
  '@font-size-lg': '16px',
  '@font-weight-bold': '500',
  '@line-height-xs': '14px',
  '@line-height-sm': '18px',
  '@line-height-md': '20px',
  '@line-height-lg': '22px',
  '@base-font-family':
    "-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif",
  '@price-integer-font-family': 'Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif',

  // Animation
  '@animation-duration-base': '0.3s',
  '@animation-duration-fast': '0.2s',
  '@animation-timing-function-enter': 'ease-out',
  '@animation-timing-function-leave': 'ease-in',

  // Border
  '@border-color': '@gray-3',
  '@border-width-base': '1px',
  '@border-radius-sm': '2px',
  '@border-radius-md': '4px',
  '@border-radius-lg': '8px',
  '@border-radius-max': '999px'
};
